  mui.ajax('http://www.huliping.online/ttxx/me.php',{
		dataType:'json',//服务器返回json格式数据
		type:'GET',//HTTP请求类型
		timeout:10000,//超时时间设置为10秒；
		headers:{'Content-Type':'application/json'},	              
		success:function(data){
		console.log(data);

             var html='';
              
               html+=` 		        
									<p class="message animated bounceInRight" style="animation-delay: 0.5s;"><i class="iconfont icon-xingming"></i><span>${data[0].name}</span></p>
	                <p class="message animated bounceInRight" style="animation-delay: 0.6s;"><i class="iconfont icon-nianling"></i><span>${data[0].brith}</span></p>
	                <p class="message animated bounceInRight" style="animation-delay: 0.7s;"><i class="iconfont icon-xueli"></i><span>${data[0].education}</span></p>
	                <p class="message animated bounceInRight" style="animation-delay: 0.8s;"><i class="iconfont icon-dizhi"></i><span>${data[0].address}</span></p>
	                <p class="message animated bounceInRight" style="animation-delay: 0.9s;"><i class="iconfont icon-dianhua"></i><span>${data[0].tel}</span></p>
	                <p class="message last animated bounceInRight" style="animation-delay: 1s;"><i class="iconfont icon-brand"></i><span>${data[0].email}</span></p>
			     `                                                   
          
                messages.innerHTML=html;   
		},
		error:function(xhr,type,errorThrown){
			//异常处理；
			console.log(type);
		}
});

//第二个
mui.ajax('http://www.huliping.online/ttxx/work.php',{
		dataType:'json',//服务器返回json格式数据
		type:'GET',//HTTP请求类型
		timeout:10000,//超时时间设置为10秒；
		headers:{'Content-Type':'application/json'},	              
		success:function(data){
		

             var html='';
              for(var i=0;i<data.length;i++){
               html+=` 		        
										
													<div class="mui-card-header mui-card-media">
														<img src="${data[i].image}"/>
														<div class="mui-media-body">
															<p>${data[i].name}</p>
															<p>${data[i].time}</p>
														</div>						
													</div>
													<div class="mui-card-content" >
														<img src="${data[i].imgbig}" alt="" width="100%"/>
													</div>
													<div class="mui-card-footer">
													<a class="mui-card-link">${data[i].projects}</a>
													</div>	
										
			     `                                                   
          }
               card.innerHTML=html;  
               console.log(card)
		},
		error:function(xhr,type,errorThrown){
			//异常处理；
			console.log(type);
		}
});
mui.ajax('http://www.huliping.online/ttxx/skill.php',{
		dataType:'json',//服务器返回json格式数据
		type:'GET',//HTTP请求类型
		timeout:10000,//超时时间设置为10秒；
		headers:{'Content-Type':'application/json'},	              
		success:function(data){
		

             var html='';
              for(var i=0;i<data.length;i++){
               html+=` <li class="mui-table-view-cell mui-collapse"><a class="mui-navigate-right" href="#">${data[i].category}</a>
													<ul class="mui-table-view mui-table-view-chevron">
														<li class="mui-table-view-cell">${data[i].name}</li>
														<li class="mui-table-view-cell">熟悉度：${data[i].level}</li>
														<li class="mui-table-view-cell">接触时间：${data[i].time}</li>
													</ul>
												</li>    
               `
          }
               skill.innerHTML=html;  
              
		},
		error:function(xhr,type,errorThrown){
			//异常处理；
			console.log(type);
		}
});



mui.ajax('http://www.huliping.online/ttxx/project.php',{
		dataType:'json',//服务器返回json格式数据
		type:'GET',//HTTP请求类型
		timeout:10000,//超时时间设置为10秒；
		headers:{'Content-Type':'application/json'},	              
		success:function(data){
//			console.log(data);
		

             var html='';
              for(var i=0;i<data.length;i++){
               html+=` <p class="ppimg">
												<img src="${data[i].image}" data-preview-src="" data-preview-group="1" />
											</p>
											<p class="ipetm">${data[i].category}<span>${data[i].name}</span></p>
											<p class="ipetm">${data[i].url}</p>
											<p class="ipetm">${data[i].description}</p>
											<p class="ipetm">${data[i].detail}</p>
											<p class="ipetm">${data[i].tech}</p>
               `
          }
               muiproject.innerHTML=html;  
              
		},
		error:function(xhr,type,errorThrown){
			//异常处理；
			console.log(type);
		}
});





				
									